/* Login 页面样式 */
.login-page {
  /* 主按钮样式 */
  .arco-btn-primary {
    @apply bg-gradient-to-r from-blue-600 to-purple-600 border-none;
  }

  /* 输入框样式 */
  .arco-input-wrapper {
    @apply bg-gray-50 border-none transition-all duration-300;
  }

  .arco-input-wrapper.arco-input-focus {
    @apply bg-white shadow-[0_0_0_2px_rgba(59,130,246,0.2)];
  }

  /* 次要按钮样式 */
  .arco-btn-secondary {
    @apply border-none bg-transparent;
  }

  /* 表单样式 */
  .arco-form-item-label-text {
    @apply text-sm text-gray-600;
  }

  .arco-form-item {
    @apply mb-6 relative;
  }

  .arco-form-item-label {
    @apply mb-2;
  }

  .arco-input {
    @apply text-base;
  }

  .arco-input-wrapper .arco-input-prefix {
    @apply mr-0;
  }

  .arco-input-wrapper input {
    @apply pl-2;
  }

  /* 错误状态样式 */
  .arco-form-item-error .arco-input-wrapper {
    @apply bg-gray-50;
    /* box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.5); */
    @apply shadow-sm;
    @apply transition-all duration-300;
  }



  .arco-form-item-error .arco-input-wrapper.arco-input-focus {
    @apply bg-white;
    /* box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2); */
    @apply shadow-sm;
  }

  .arco-form-item-error-message {
    @apply absolute left-0 -bottom-5 text-xs text-red-500 opacity-90 pl-0.5 -translate-y-0.5;
  }

  .arco-form-item:last-of-type {
    @apply mb-8;
  }

  .arco-input-wrapper:hover {
    @apply bg-gray-100 shadow-sm ring-1 ring-blue-100;
  }

  .arco-form-item-error .arco-input-wrapper:hover {
    /* box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.8); */
    @apply shadow-sm;
  }
}
